<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>农技云</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="描述">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
  <link href="js/bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet">
  <link href="css/bootstrap.css" rel="stylesheet">

  <link href="css/style.css" rel="stylesheet">
  <link href="css/fonts.css" rel="stylesheet">
  <link href="css/animate.css" rel="stylesheet">
  <link href="css/plugins.css" rel="stylesheet">
  <link href="css/responsive.css" rel="stylesheet">
  <link href="css/settings.css" rel="stylesheet">
  <link href="css/captions.css" rel="stylesheet">
  <link href="css/usenow.css" rel="stylesheet">
  <script src="js/jquery.js"></script>
  <link rel="stylesheet" type="text/css" href="css/bootsnav.css">
  <link rel="stylesheet" type="text/css" href="css/productList.css">
  <link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.min.css">
  <script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
  <script src="js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
  <script src="js/Pagination.js"></script>
  <!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body>
<div id="wrap">
  <div class="main-inner-content">
    <!--头部 start-->
    <header id="header" class="section cover header-bg" data-bg="images/slider.jpg">
      <div class="header-fixed">
        <div class="logo-header">
          <div class="container">
            <div class="logo-container pull-left clearfix">
              <div class="logo">
                <h1 class="site-title"><a href="/"> <img src="images/nav.png" alt="农技云" style="width: 150px;">
                </a></h1>
                <p class="site-desc">小投资，过小资生活 ，打开中产阶级财富之门 ！</p>
              </div>
            </div>
            <div class="menu-container pull-right">
              <div class="site-menu">
                <div class="site-menu-inner clearfix">
                  <div class="site-menu-container pull-left">
                    <nav class="hidden-xs hidden-sm">
                      <ul class="sf-menu clearfix list-unstyled">
                        <li class="current-menu-item"><a href="/">首页</a></li>
                        <li><a href="/about1">项目介绍</a><!-- 有改动 -->
                          <ul>
                            <!--<li><a href="about.html"><span class="icon"><i class="fa fa-font"></i></span>子栏目1</a></li>
                            <li><a href="about.html"><span class="icon"><i class="fa fa-columns"></i></span>子栏目2</a>
                            </li>
                            <li><a href="about.html"><span class="icon"><i class="fa fa-circle-o"></i></span>子栏目3</a>
                            </li>-->
                          </ul>
                        </li>
                        <li><a href="/article">资讯中心</a>
                          <!--<div class="sf-mega">
                            <div class="sf-mega-content">
                              <div class="row">
                                <div class="col-md-3">
                                  <ul>
                                    <li><span>项目新闻</span></li>
                                    <li><a href="#">新闻子栏目1</a></li>
                                    <li><a href="#">新闻子栏目2</a></li>
                                    <li><a href="#">新闻子栏目3</a></li>
                                    <li><a href="#">新闻子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-3">
                                  <ul>
                                    <li><span>农业新闻</span></li>
                                    <li><a href="#">新闻子栏目1</a></li>
                                    <li><a href="#">新闻子栏目2</a></li>
                                    <li><a href="#">新闻子栏目3</a></li>
                                    <li><a href="#">新闻子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-3">
                                  <ul>
                                    <li><span>行业资讯</span></li>
                                    <li><a href="#">新闻子栏目1</a></li>
                                    <li><a href="#">新闻子栏目2</a></li>
                                    <li><a href="#">新闻子栏目3</a></li>
                                    <li><a href="#">新闻子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-3">
                                  <ul>
                                    <li><span>招商信息</span></li>
                                    <li><a href="#">新闻子栏目1</a></li>
                                    <li><a href="#">新闻子栏目2</a></li>
                                    <li><a href="#">新闻子栏目3</a></li>
                                    <li><a href="#">新闻子栏目4</a></li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>-->
                        </li>
                        <li><a href="/agritech">农技经验</a>
                          <!--<div class="sf-mega">
                            <div class="sf-mega-content">
                              <div class="row">
                                <div class="col-md-4">
                                  <ul>
                                    <li><span>蔬菜类</span></li>
                                    <li><a href="#">产品子栏目1</a></li>
                                    <li><a href="#">产品子栏目2</a></li>
                                    <li><a href="#">产品子栏目3</a></li>
                                    <li><a href="#">产品子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-4">
                                  <ul>
                                    <li><span>水果类</span></li>
                                    <li><a href="#">产品子栏目1</a></li>
                                    <li><a href="#">产品子栏目2</a></li>
                                    <li><a href="#">产品子栏目3</a></li>
                                    <li><a href="#">产品子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-4">
                                  <ul>
                                    <li><span>干货类</span></li>
                                    <li><a href="#">产品子栏目1</a></li>
                                    <li><a href="#">产品子栏目2</a></li>
                                    <li><a href="#">产品子栏目3</a></li>
                                    <li><a href="#">产品子栏目4</a></li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>-->
                        </li>
                        <li><a href="#">联系我们</a></li>
                      </ul>
                    </nav><!-- PC端 -->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="logo-header">
        <div class="container">
          <div class="logo-container clearfix">
            <div class="logo pull-left">
              <h1 class="site-title"><a href="index.html"> <img src="images/nav.png" alt="农技云" style="width: 230px;">
              </a></h1>
              <p class="site-desc">小投资，过小资生活 ，打开中产阶级财富之门 ！</p>
            </div>
            <div class="social-info pull-right hidden-xs hidden-sm">
              <ul class="social textcolor list-unstyled">
                <li class="phone"><a href="#"><i class="fa fa-phone"></i><span>023-8888 6666</span></a></li>
                <li class="mail active"><a href="#"><i class="fa fa-envelope"></i><span>nonth@nonth.com</span></a></li>
              </ul>
            </div>
            <ul class="member">
              <li>
                <input name="submit" value="登陆" class="login">
              </li>
              <li>
                <input name="submit" value="注册" class="sign">
              </li>
              <script>
                  $(".login").on("click", function () {
                      location.href = "/login1";
                  });
                  $(".sign").on("click", function () {
                      location.href = "/register1";
                  });
              </script>
            </ul>
          </div>
        </div>
      </div>

      <div class="site-menu">
        <div class="container">
          <div class="site-menu-inner clearfix">
            <div class="site-menu-container pull-left">

              <nav class="hidden-xs hidden-sm">
                <ul class="sf-menu clearfix list-unstyled">
                  <li class="current-menu-item"><a href="/">首页</a></li>
                  <li><a href="/about1">项目介绍</a>
                    <!--<ul>
                      <li><a href="#"><span class="icon"><i class="fa fa-font"></i></span>子栏目1</a></li>
                      <li><a href="#"><span class="icon"><i class="fa fa-columns"></i></span>子栏目2</a></li>
                      <li><a href="#"><span class="icon"><i class="fa fa-circle-o"></i></span>子栏目3</a></li>
                    </ul>-->
                  </li>
                  <li><a href="/article">资讯中心</a>
                    <!--<div class="sf-mega">
                      <div class="sf-mega-content">
                        <div class="row">
                          <div class="col-md-3">
                            <ul>
                              <li><span>项目新闻</span></li>
                              <li><a href="#">新闻子栏目1</a></li>
                              <li><a href="#">新闻子栏目2</a></li>
                              <li><a href="#">新闻子栏目3</a></li>
                              <li><a href="#">新闻子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-3">
                            <ul>
                              <li><span>农业新闻</span></li>
                              <li><a href="#">新闻子栏目1</a></li>
                              <li><a href="#">新闻子栏目2</a></li>
                              <li><a href="#">新闻子栏目3</a></li>
                              <li><a href="#">新闻子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-3">
                            <ul>
                              <li><span>行业资讯</span></li>
                              <li><a href="#">新闻子栏目1</a></li>
                              <li><a href="#">新闻子栏目2</a></li>
                              <li><a href="#">新闻子栏目3</a></li>
                              <li><a href="#">新闻子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-3">
                            <ul>
                              <li><span>招商信息</span></li>
                              <li><a href="#">新闻子栏目1</a></li>
                              <li><a href="#">新闻子栏目2</a></li>
                              <li><a href="#">新闻子栏目3</a></li>
                              <li><a href="#">新闻子栏目4</a></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>-->
                  </li>
                  <li><a href="/agritech">农技经验</a>
                    <!--<div class="sf-mega">
                      <div class="sf-mega-content">
                        <div class="row">
                          <div class="col-md-4">
                            <ul>
                              <li><span>蔬菜类</span></li>
                              <li><a href="#">产品子栏目1</a></li>
                              <li><a href="#">产品子栏目2</a></li>
                              <li><a href="#">产品子栏目3</a></li>
                              <li><a href="#">产品子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-4">
                            <ul>
                              <li><span>水果类</span></li>
                              <li><a href="#">产品子栏目1</a></li>
                              <li><a href="#">产品子栏目2</a></li>
                              <li><a href="#">产品子栏目3</a></li>
                              <li><a href="#">产品子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-4">
                            <ul>
                              <li><span>干货类</span></li>
                              <li><a href="#">产品子栏目1</a></li>
                              <li><a href="#">产品子栏目2</a></li>
                              <li><a href="#">产品子栏目3</a></li>
                              <li><a href="#">产品子栏目4</a></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>-->
                  </li>
                  <li><a href="#">联系我们</a></li>
                </ul>
              </nav>
            </div>
            <div class="header-search-form pull-right hidden-xs hidden-sm">
              <div class="header-search">
                <form role="search" method="get" class="search-form" action="#">
                  <div class="header-search-input-wrap">
                    <input class="header-search-input" placeholder="请输入您要搜索的关键证……" type="text" value="" name="s"/>
                  </div>
                  <input class="header-search-submit" type="submit" value="">
                  <span class="header-icon-search"><i class="fa fa-search"></i></span>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <!--头部 end-->

    <div class="page-heading">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <div class="page-title-area">
              <h2 class="bottom-0 page-title">资讯中心</h2>
            </div>
          </div>
          <div class="col-md-6 text-right">
            <div class="breadcrumbs">
              <ul class="bottom-0 list-unstyled">
                <li><a href="/"><i class="fa fa-home"></i></a></li>
                <li><a href="/article"><span>资讯中心</span></a></li>
                <!--<li><span>关于我们</span></li>-->
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="page-content">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">

            <!--文字列表 start-->
            <div class="col-md-4">
              <div class="col-md-12">
                <div class="newsAgriDetail">
                  <div class="newsAgriDetail-news">
                    <div class="newsAgriDetail-news-title">
                      <p class="title-left">热门推荐</p>
                      <p class="title-right">
                        <a href="javascript:;">更多</a>
                      </p>
                    </div>
                    <div class="newsAgriDetail-news-con">
                      <ul class="newsAgriDetail-news-con_list"></ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-12">
                <div class="newsAgriDetail">
                  <div class="newsAgriDetail-news">
                    <div class="newsAgriDetail-news-title">
                      <p class="title-left">行业资讯</p>
                      <p class="title-right">
                        <a href="javascript:;">更多</a>
                      </p>
                    </div>
                    <div class="newsAgriDetail-news-con">
                      <ul class="newsAgriDetail-news-con_list"></ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-12">
                <div class="newsAgriDetail">
                  <div class="newsAgriDetail-news">
                    <div class="newsAgriDetail-news-title">
                      <p class="title-left">三农政策</p>
                      <p class="title-right">
                        <a href="javascript:;">更多</a>
                      </p>
                    </div>
                    <div class="newsAgriDetail-news-con">
                      <ul class="newsAgriDetail-news-con_list"></ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-12">
                <div class="newsAgriDetail">
                  <div class="newsAgriDetail-news">
                    <div class="newsAgriDetail-news-title">
                      <p class="title-left">农业项目</p>
                      <p class="title-right">
                        <a href="javascript:;">更多</a>
                      </p>
                    </div>
                    <div class="newsAgriDetail-news-con">
                      <ul class="newsAgriDetail-news-con_list"</ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--文字列表 end-->

            <!--图文列表 start-->
            <div class="col-md-8">
              <ul class="newsAgriList">
                <!--<li class="used_agriListLi  jq22">
                  &lt;!&ndash; ==================== &ndash;&gt;
                  <div class="border-left" style="height: 0px;"></div>
                  <div class="border-bottom" style="width: 0px;"></div>
                  <div class="border-top" style="width: 0px;"></div>
                  <div class="border-right" style="height: 0px;"></div>
                  &lt;!&ndash; ==================== &ndash;&gt;
                  &lt;!&ndash;写你要加的内容&ndash;&gt;
                  <div class="used_agriListCon">
                    <div class="used_agriListConLeft">
                      <img class="img-responsive" src="images/slide_1.png" width="200" height="200">
                    </div>
                    <div class="used_agriListConRight">
                      <div class="used_agriListConRight_title">
                        <a href="javascript:;">
                          <h2>标题标题标题标题标题标题</h2>
                        </a>
                      </div>
                      <div class="used_agriListConRight_Con">
                        <a href="javascript:;">
                          <p>字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
                        </a>
                        <div class="used_agriPublish">
                              <span class="publisher">
                                  <a href="javascript:;">文章所属模块</a>
                              </span>
                          <span class="publish_time">
                                  <p>2018-01-01</p>
                              </span>
                          <span class="publish_spread">
                                  <span>转发量:</span>
                                  <span>1111</span>
                              </span>
                          <span class="publish_comment">
                                  <span>评论量:</span>
                                  <span>1111</span>
                              </span>
                          <span class="publish_good">
                                  <span>点赞数:</span>
                                  <span>1111</span>
                              </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>-->
              </ul>
              <!--分页 start-->
              <div class="pages" style="float:left">
                <div id="Pagination"></div>
                <!--<div class="searchPage">
                  <span class="page-sum">共<strong class="allPage">100</strong>页</span>
                  <span class="page-go">跳转<input type="text">页</span>
                  <a href="javascript:;" class="page-btn">GO</a>
                </div>-->
              </div>
              <!--分页 end-->
            </div>
            <!--图文列表 end-->
          </div>
        </div>
      </div>
    </div>

    <!--媒体合作 start-->
    <!--<div id="cilents" class="section fullcover" data-padding="40px 0">
      <div class="container carouselbox">
        <div class="heading-area text-center bottom-30 wow fadeInDown" data-wow-duration="0.9s" data-wow-delay="0.3s">
          <h4 class="heading large">媒体合作商</h4>
          <span class="sub-heading">立足资源优势，以市场需求为导向，增强线上线下营销能力,拓宽农村外部增收渠道。</span></div>
        <ul class="row list-unstyled bottom-0 carousel-area">
          <li>
            <div class="cilent-item"><img data-hover="images/link1-hover.jpg" class="cilent img-resonsive" alt=""
                                          src="images/link1.jpg"></div>
          </li>
          <li>
            <div class="cilent-item"><img data-hover="images/link2-hover.jpg" class="cilent img-resonsive" alt=""
                                          src="images/link2.jpg"></div>
          </li>
          <li>
            <div class="cilent-item"><img data-hover="images/link3-hover.jpg" class="cilent img-resonsive" alt=""
                                          src="images/link3.jpg"></div>
          </li>
          <li>
            <div class="cilent-item"><img data-hover="images/link4-hover.jpg" class="cilent img-resonsive" alt=""
                                          src="images/link4.jpg"></div>
          </li>
          <li>
            <div class="cilent-item"><img data-hover="images/link5-hover.jpg" class="cilent img-resonsive" alt=""
                                          src="images/link5.jpg"></div>
          </li>
        </ul>
      </div>
    </div>-->
    <!--媒体合作 end-->

  </div>
</div>

<!--底部 start-->
<footer id="footer">
  <div class="footer-credits">
    <div class="container">
      <div class="footer-credits-inner">
        <div class="row">
          <div style="text-align: center;"><img src="images/nav.png" width="112" height="30" alt=""/> <span><a
                  href="index.html">仲恺智慧农业109实验室</a>旗下农技云官方
              网站</span></div>
        </div>
      </div>
    </div>
  </div>
</footer>
<!--底部 end-->
<div class="sb-slidebar sb-right">
  <div class="sb-menu-trigger"></div>
</div>

<script src="/js/rest/information.js"></script>
<script src="js/easing.js"></script>
<script src="js/hoverIntent.js"></script>
<script src="js/superfish.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/countto.js"></script>
<script src="js/waypoint.js"></script>
<script src="js/typer.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/caroufredsel.js"></script>
<script src="js/wow.js"></script>
<script src="js/donutchart.js"></script>
<script src="js/magnificpopup.js"></script>
<script src="js/masonry.js"></script>
<script src="js/sidebar.js"></script>
<script src="js/tweecool.js"></script>
<script src="js/isotope.js"></script>
<script src="js/contact.js"></script>
<script src="js/functions.js"></script>
<script src="js/jquery.plugins.min.js"></script>
<script src="js/jquery.revolution.min.js"></script>
<script>
    jQuery(window).ready(function () {
        /*---边框效果---*/
        let lanren_width = jQuery('.jq22').width();
        let lanren_height = jQuery('.jq22').height();
        jQuery('.jq22').each((index, ele) => {
            jQuery(ele).on('mouseenter', () => {
                jQuery(ele).find('.border-left,.border-right').stop().animate({height: lanren_height + 'px'}, 400);
                jQuery(ele).find('.border-top,.border-bottom').stop().animate({width: lanren_width + 'px'}, 400);
            });
            jQuery(ele).on('mouseleave', () => {
                jQuery(ele).find('.border-left,.border-right').stop().animate({height: '0'}, 400);
                jQuery(ele).find('.border-top,.border-bottom').stop().animate({width: '0'}, 400);
            });
        });
    });
</script>
</body>

</html>